* {
  box-sizing: border-box;
}

* {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.jy-loading__loading--out::before {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
/*滚动条整体部分*/

::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

/*滚动条的轨道*/

::-webkit-scrollbar-track {
  background-color: transparent;
  width: 7px;
  height: 7px;
}

/*滚动条里面的滑块，能向上向下移动*/

::-webkit-scrollbar-thumb {
  background-color: var(--scroll);
  border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--scroll_hover);
}

::-webkit-scrollbar-thumb:active {
  background-color: var(--scroll_active);
}

/*边角，即两个滚动条的交汇处*/

::-webkit-scrollbar-corner {
  background-color: transparent;
}

/*滚动条整体部分*/

div,
textarea {
  &::-webkit-scrollbar {
    width: 7px;
    height: 7px;
  }
  &.nativeScroll {
    &::-webkit-scrollbar {
      display: none;
    }
    &:hover::-webkit-scrollbar {
      display: initial;
    }
  }

  /*滚动条的轨道*/

  &::-webkit-scrollbar-track {
    background-color: transparent;
    width: 7px;
    height: 7px;
    z-index: 10000;
  }

  /*滚动条里面的滑块，能向上向下移动*/

  &::-webkit-scrollbar-thumb {
    background-color: var(--scroll);
    border-radius: 6px;
  }

  &::-webkit-scrollbar-thumb:active {
    // background-color: var(--scroll_active);
    background-color: var(--scroll_active_blackv1);
  }

  /*边角，即两个滚动条的交汇处*/

  &::-webkit-scrollbar-corner {
    background-color: transparent;
  }
}
